<html>
	<head>
		<title>EditDelete</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href='css/edit.css' rel='stylesheet'>
		<script src="js/jquery-1.4.min.js"></script>
		<link href="css/edit_color_yellow.css" rel="stylesheet">
	</head>
	<body>
		<div id='div1' > Projects</div>
		<div id='d7'>
			<button type="submit" class="btn btn-default" id='b11'><a href='Add.html'>Add Project</a></button>
		</div>
		<div id='div2'>
			<table class="table table-hover">
				<thead>
					<tr>
						<th>#</th>
						<th>Project Name</th>
						<th>Track</th>
						<th>Intake</th>
						<th colspan='2'> Action</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>Project1</td>
						<td>Open Source</td>
						<td>33</td>
						<td> <a href='#'>Edit</a></td>
						<td><a href='#'>Delete</a></td>
					</tr>
					<tr>
						<td>2</td>
						<td>Project2</td>
						<td>Open Source</td>
						<td>33</td>
						<td> <a href='#'>Edit</a></td>
						<td><a href='#'>Delete</a></td>
					</tr>
					<tr>
						<td>3</td>
						<td>Project1</td>
						<td>Telecom</td>
						<td>33</td>
						<td> <a href='#'>Edit</a></td>
						<td><a href='#'>Delete</a></td>
					</tr>
					<tr>
						<td>4</td>
						<td>Project2</td>
						<td>Telecom</td>
						<td>33</td>
						<td> <a href='#'>Edit</a></td>
						<td><a href='#'>Delete</a></td>
					</tr>
					<tr>
						<td>5</td>
						<td>Project1</td>
						<td>Open Source</td>
						<td>34</td>
						<td> <a href='#'>Edit</a></td>
						<td><a href='#'>Delete</a></td>
					</tr>
					<tr>
						<td>6</td>
						<td>Project1</td>
						<td>Telecom</td>
						<td>34</td>
						<td> <a href='#'>Edit</a></td>
						<td><a href='#'>Delete</a></td>
					</tr>
				</tbody>
			</table>
		</div>
	<script>
		$('#b11').click(function(){
			window.location.replace("add.html");
		});
	</script>
	</body>
</html>
